const { createApp, ref } = Vue;

const loginApp = createApp({
    setup() {
        // 响应式数据
        const loginForm = ref({
            username: '',
            password: ''
        });

        // 登录方法
        const handleLogin = () => {
            // 这里应该添加实际的登录验证逻辑
            if (loginForm.value.username && loginForm.value.password) {
                // 模拟登录成功
                alert('登录成功！');
                // 登录成功后跳转到主页
                window.location.href = 'main.html';
            } else {
                alert('请输入用户名和密码！');
            }
        };

        // 返回所有需要在模板中使用的数据和方法
        return {
            loginForm,
            handleLogin
        };
    }
});

// 挂载应用
loginApp.mount('#loginApp');